<template>
  <div class="container">
    <input type="text"
           class="search"
           placeholder="搜索">
    <i class="cubeic-search"></i>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="scss" scoped>
.container {
  .search {
    height: 40px;
    width: 94%;
    border-radius: 18px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
  }
  .cubeic-search {
    position: absolute;
    top: 5px;
    right: 10px;
  }
}
</style>
